<!doctype html>
<html lang="en" dir="ltr">
  <head>
    <style>
      .client {
        border: 1px outset black;
        margin: 1px 1px 1px 1px;
      }
      .segment {
        border: 1px outset blue;
        margin: 1px 1px 1px 1px;
      }
      .hidden-meta {
        display : none;
      }
      .shown-meta {
        display : block;
      }
      .overwrite {
        width : 50px;
      }
    </style>
    <meta charset="utf-8">
    <title>Segmentation Internals</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
  </head>
  <body>
    <h1>Segmentation Internals</h1>
    <h4>Service status</h4>
    <div>
      Initialized: <span id="initialized">false</span>, Service status: <span id="service-status">0</span>
    </div>
    <h4>Client information</h4>
    <div id="client-container">
    </div>
    <script type="module" src="segmentation_internals.js"></script>
  </body>
</html>
